.news-cnt .yuloo_h2 {
  font-size: 24px;
  line-height: 22px;
  color: #35487f !important;
  background: url(http://www.yuloo.com/images/public-img/yuloo_h2-icon_zzy.png) no-repeat left top 16px;
  padding: 20px 0 20px 50px;
}

.footer {
  font-size: 14px;
  color: #cfd1d9;
  background: #272b39;
  padding: 30px 0 10px;
}

.footer .footer-main {
  margin-bottom: 20px;
}

.footer .peep-record {
  padding-top: 10px;
  border-top: 1px solid #353948;
  text-align: center;
  color: #42454f;
}

.footer .peep-record a {
  color: #42454f;
}

.footer .peep-record a:hover {
  color: #72757c;
}

.footer .footer-logo, .footer .footer-nav, .footer .footer-wx, .footer .footer-tel {
  height: 140px;
}

.footer .footer-logo, .footer .footer-nav, .footer .footer-wx, .footer .footer-tel, .footer .footer-nav ul, .footer .footer-wx dl {
  float: left;
}

.footer .footer-logo {
  padding-right: 54px;
  border-right: 1px solid #353948;
}

.footer .footer-nav {
  margin-right: 40px;
}

.footer .footer-nav ul {
  height: 100%;
  padding: 0 40px;
  border-right: 1px solid #353948;
}

.footer .footer-nav ul a {
  color: #cfd1d9;
  line-height: 28px;
}

.footer .footer-nav ul a:hover {
  color: #72757c;
}

.footer .footer-wx dl {
  text-align: center;
  margin-right: 30px;
}

.footer .footer-wx dl dt {
  width: 96px;
  height: 96px;
  margin: 0 auto 10px;
  border-radius: 2px;
  overflow: hidden;
}

.footer .footer-wx dl p {
  font-size: 12px;
  color: #72757c;
}

.footer .footer-wx dl p.wx-tit {
  font-size: 14px;
  color: #cfd1d9;
}

.footer .footer-tel {
  border-left: 1px solid #353948;
  padding-left: 40px;
}

.footer .footer-tel > div {
  padding-left: 38px;
  margin-bottom: 10px;
}

.footer .footer-tel > div p {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #cfd1d9;
}

.footer .footer-tel > div span {
  font-size: 12px;
  color: #72757c;
}

.footer .footer-tel .telephone {
  background: url(../../images/public/tel.png) no-repeat left center;
}

.footer .footer-tel .phone {
  background: url(../../images/public/phone.png) no-repeat left center;
}

@media only screen and (max-width: 1200px) {
  .footer .footer-logo {
    width: 16%;
    padding-right: 2%;
  }
  .footer .footer-nav {
    width: 37.75%;
    margin-right: 2%;
  }
  .footer .footer-nav ul {
    width: 33.333%;
    padding: 0 20px;
  }
  .footer .footer-nav ul li {
    white-space: nowrap;
  }
  .footer-wx {
    width: 24%;
    padding-right: 2%;
  }
  .footer .footer-wx dl {
    width: 48%;
    margin-right: 2%;
  }
  .footer .footer-tel {
    padding-left: 2%;
  }
}

@media only screen and (max-width: 1024px) {
  .footer-wx {
    width: 33%;
    margin-right: 0;
  }
  .footer .footer-nav {
    width: 49%;
  }
  .footer-tel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px !important;
    border-left: none !important;
    padding-left: 0 !important;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #353948;
  }
  .footer .footer-tel > div {
    margin: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .footer {
    display: none !important;
  }
  .link .link-cnt {
    margin: 0 auto;
  }
  .news-cnt .yuloo_h2 {
    font-size: 19px;
    line-height: 30px;
    background: url(http://www.yuloo.com/images/public-img/yuloo_h2-icon_zzy.png) no-repeat left top 21px;
    background-size: 24px 20px;
    padding: 15px 0 15px 30px;
  }
}
